google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function(){
  var data = new google.visualization.DataTable();
       data.addColumn('string', '日');
       data.addColumn('number', 'DL数');
       data.addColumn('number', 'Googleセルラン');
       data.addColumn('number', 'iOSセルラン');
       data.addColumn({type:'string', role:'annotation'});
       data.addColumn({type:'string', role:'annotationText'});
       data.addRows([
        ['2021-05-23',1606972,1,1,null,null],
['2021-05-24',1615839,1,1,null,null],
['2021-05-25',1627253,1,1,null,null],
['2021-05-26',1630595,1,2,null,null],
['2021-05-27',1634226,1,2,null,null],
['2021-05-28',1634226,1,3,'EV','花咲く乙女のJunePride: 05/28 12:00 → 06/10 11:59'],
['2021-05-29',1649989,1,1,null,null],
['2021-05-30',1649989,1,1,null,null],
['2021-05-31',1662259,1,2,null,null],
['2021-06-01',1670160,1,2,null,null],
['2021-06-02',1672794,1,1,null,null],
['2021-06-03',1678874,1,1,null,null],
['2021-06-04',1678874,1,1,null,null],
['2021-06-05',1678874,1,1,null,null],
['2021-06-06',1689409,1,1,null,null],
['2021-06-07',1693260,1,2,null,null],
['2021-06-08',1700172,1,1,null,null],
['2021-06-09',1702109,1,3,null,null],
['2021-06-10',1704116,1,3,null,null],
['2021-06-11',1710875,1,1,null,null],
['2021-06-12',1715752,1,1,null,null],
['2021-06-13',1720134,1,2,null,null],
['2021-06-14',1726864,1,2,'EV','チャンピオンズミーティング(ジェミニ杯): 06/14 12:00 → 06/20 11:59'],
['2021-06-15',1733087,1,2,null,null],
['2021-06-16',1737602,1,1,null,null],
['2021-06-17',1737602,1,2,'EV','レジェンドレース(マヤノトップガン): 06/17 12:00 → 06/20 04:59'],
['2021-06-18',1745894,1,2,null,null],
['2021-06-19',1749105,2,4,null,null],
['2021-06-20',1749105,2,3,'EV','レジェンドレース(メジロマックイーン): 06/20 05:00 → 06/23 04:59'],
['2021-06-21',1758289,1,1,'EV','ヒシアマゾンPUガチャ: 06/21 12:00 → 06/29 11:59'],
['2021-06-22',1764055,1,1,null,null],
['2021-06-23',1767746,1,1,'EV','レジェンドレース(テイエムオペラオー): 06/23 05:00 → 06/26 04:59'],
['2021-06-24',1771233,1,1,null,null],
['2021-06-25',1775256,1,2,null,null],
['2021-06-26',1778799,1,4,'EV','レジェンドレース(スーパークリーク): 06/26 05:00 → 06/29 04:59'],
['2021-06-27',1782338,1,3,null,null],
['2021-06-28',1788419,1,3,null,null],
['2021-06-29',1788419,1,4,null,null],
['2021-06-30',1788419,1,1,null,null],
['2021-07-01',1798514,1,1,null,null],
['2021-07-02',1798514,1,1,null,null],
['2021-07-03',1798514,1,2,null,null],
['2021-07-04',1806265,1,1,null,null],
['2021-07-05',1807824,1,2,null,null],
['2021-07-06',1812102,1,3,null,null],
['2021-07-07',1820405,1,3,null,null],
['2021-07-08',1820405,1,3,null,null],
['2021-07-09',1820405,1,7,null,null],
['2021-07-10',1820405,1,6,null,null],
['2021-07-11',1820405,1,5,null,null],
['2021-07-12',1820405,1,3,null,null],
['2021-07-13',1820405,1,1,null,null],
['2021-07-14',1820405,1,1,null,null],
['2021-07-15',1820405,1,1,null,null],
['2021-07-16',1847412,1,4,null,null],
['2021-07-17',1847412,1,7,null,null],
['2021-07-18',1853103,1,7,null,null],
['2021-07-19',1853103,1,6,null,null],
['2021-07-20',1863763,2,8,null,null],
['2021-07-21',1863763,2,1,null,null],
['2021-07-22',1866401,2,1,null,null]
        ]);
  var options = {
    chartArea: {'width':'85%', 'height':'65%', 'left':60 },
    'pointSize': 3,
    legend: {position: 'top' },
    vAxes:[
      {direction:1},
      {direction:-1,viewWindow:{min:0,max:10}}
    ],
    series: {
      0:{
        type: 'bars',
        color: 'skyblue',
        targetAxisIndex: 0,
      },
      1:{
        type: 'line',
        color: 'seagreen',                
        targetAxisIndex: 1,
      },
      2:{
        type: 'line',
        color: 'red',                
        targetAxisIndex: 1,
      },
    },
    tooltip: { trigger: 'both' },
    focusTarget: 'category',
    colors:['#2980b9','#e74c3c']
  };
  var chart = new google.visualization.ComboChart(document.getElementById('graphField'));
  chart.draw(data, options);
  
  google.visualization.events.addListener(chart, 'click', function() {
    if(chart.getSelection()[0]){
      chart.setSelection(null)
    }
  });


});